<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车页面</title>
		<link rel="stylesheet" type="text/css" href="../css/shopping-car.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/shopping-car.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>
	</head>
	<body>
		<!------头部------>
		<div class="top-wrap">
			<a href="javascript:;"><img src="../img/0.jpg" /></a>
		</div>
		
		<div class="top-nav">
			<div class="inner-top">
				<ul class="top-list">
					<li style="padding-left:0">
						<a href="javascript:;">注册</a>
					</li>
					<li>
						<a href="javascript:;">登录</a>
					</li>
					<li>
						<a href="javascript:;">我的订单</a>
					</li>
					<li>
						<a href="javascript:;">物流查询</a>
					</li>
					<li>
						<a href="javascript:;">我的关注</a>
					</li>
					<li>
						<a href="javascript:;">咨讯</a>
					</li>
					<li>
						<a href="javascript:;">品牌馆</a>
					</li>
					<li class="show-app">
						<a href="javascript:;"><i><img class="png1" src="../img/phone.png"/></i>
							<em>手机优品惠</em>
						</a>
						<div class="down-app">
							<div class="app-erm">
								<a href="javascript:;"><img src="../img/1.jpg" /></a>
							</div>
							<p>扫一扫哦～</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="search-wrap">
			<div class="search">
				<h1 class="search-left">
					<a href="../index.html"><img src="../img/logo.png"/></a>
					<p>-更高品质的视频购物-</p>
				</h1>
				<div class="stepflex">
					<dl class="done">
						<dt>1</dt>
						<dd>我的购物车</dd>
					</dl>
					<dl>
						<dt>2</dt>
						<dd>确认订单信息</dd>
					</dl>
					<dl class="last0">
						<dt>3</dt>
						<dd>提交订单</dd>
					</dl>
				</div>
			</div>
		</div>
		
		<!------购物车主体部分------>
	<div class="webz-wrap">
		<div class="webz clearfix" data-role="cart">
			<p class="shopcart_tit">我的购物车</p>
			<div class="cart_con">
				<ul class="cart_con_tit clearfix">
					<li class="tit_check"><input type="checkbox" checked="checked" data-role="all"><label>全选</label></li>
					<li class="tit_meg">商品信息</li>
					<li class="tit_price">单价（元）</li>
					<li class="tit_quantity">数量</li>
					<li class="tit_sum">小计（元）</li>
					<li class="tit_action">操作</li>
				</ul>
				<div class="cart_form clearfix">
					<div class="shopping_con" data-role="product" data-attr="{"product_id":"509457101","goods_id":"50066","amt":"1"}">
						
						<div class="c_meg">
							<dl>
								<dt>
									<a href ="javascript:;">
										<img class="img00" src="../images/1440465684247318996 (1).jpg"/>
									</a>
								</dt>
								<dd>
									<p class="m_tit"><a class="tit00" href="javascript:;">韩国进口惠人二代原汁机尊享红超值特惠组</a></p>
								</dd>
							</dl>
						</div>
						<div class="c_price">
							<p class="c_price_num">￥<i>2098</i></p>
						</div>
						<div class="c_quantity">
							<div class="c_amount clearfix">
					            <a href="javascript:void(0)" class="disabled">-</a>
					            <input type="text" class="valu" name="amt" value="1">
					            <a class="abled" href="javascript:void(0)">+</a>
        					</div>
						</div>
						<div class="c_sum">
							<p>￥<i>2098</i></p>
						</div>
						<div class="c_action">
							<i class="i_del" data-role="del">删除</i>
						</div>
						<div class="c_check"><input data-role="product" type="checkbox" checked="checked"></div>
					</div>
					
					<div class="c_gift">
    					<ul class="gift_icon"></ul>
                    </div>                                                                        
					
				</div>
			</div>
			
			<div class="cart_con clearfix">
				<div class="c_balance">
					<div class="c_count">
						<p class="clearfix"><span class="c_rt">￥<i class="fs_14 fs_15">2098</i></span><span class="c_lt">商品金额：</span><span class="c_piece">共<i>1</i>件商品</span></p>
						<p class="clearfix"><span class="c_rt">－￥<i class="fs_14">10</i></span><span class="c_lt">优惠金额：</span></p>
						<p class="clearfix"><span class="c_rt c_paid">￥<i>2088</i></span><span class="c_lt fw_b">实付金额：</span></p>
					</div>
				</div>
				<div class="c_balance_bt">
					<div class="we">
						<div class="b_check"><input data-role="all" checked="checked" type="checkbox"><label>全选</label></div>
						<div class="b_del"><i></i>删除</div>
						<a href="order.html" target="_blank" class="balance_bt">立即结算</a>
						<div class="fixed_balance">
                    		<p class="clearfix fix_sum">
                        			<span class="fix_piece">共<i>1</i>件商品</span>
                        			<span>商品金额：￥2098</span>
                        			<span>优惠金额：-￥10</span>
                    		</p>
                    		<p class="clearfix sum_price">
                        		<span class="fw_b">实付金额：</span>
                        		<span class="c_paid">￥<i>2088</i></span>
                    		</p>
                		</div>
					</div>
				</div>
			</div>
		</div>	
		<!------空购物车------>
		<div class="webz1 clearfix">
			<div class="cart_empty">
				<p class="cart_empty_tit">购物车空空的哟～<a href="javascript:;">去挑选商品&gt;</a></p>
				<p class="cart_empty_tip">登录后可以显示之前加入的商品<a href="javascript:;">登录</a></p>
			</div>
		</div>
		
	</div>	
	
	<!------尾部------>
		<div class="footer-wrap">
			<div class="footer-ad">
				<img src="../img/footer_ad.jpg"/>
			</div>
			<div class="footer">
				<dl class="flistdl">
			        <dt>新手上路</dt>
			        <dd><a href="javascript:;">新用户注册</a></dd>
			        <dd><a href="javascript:;">忘记密码</a></dd>
			        <dd><a href="javascript:;">购物流程</a></dd>
			    </dl>
			    <dl class="flistdl">
			        <dt>支付配送</dt>
			        <dd><a href="javascript:;">货到付款</a></dd>
			        <dd><a href="javascript:;">支付宝</a></dd>
			        <dd><a href="javascript:;">配送方式</a></dd>
			    </dl>
			    <dl class="flistdl">
			        <dt>会员服务</dt>
			        <dd><a href="javascript:;">服务承诺</a></dd>
			        <dd><a href="javascript:;">会员制度</a></dd>
			        <dd><a href="javascript:;">积分介绍</a></dd>
			        <dd><a href="javascript:;">退换货原则</a></dd>
			    </dl>
			    <dl class="flistdl nob">
			        <dt>关于优品慧</dt>
			        <dd><a href="javascript:;">企业介绍</a></dd>
			        <dd><a href="javascript:;">联系我们</a></dd>
			        <dd><a href="javascript:;">招商专区</a></dd>
			    </dl>
			    <dl class="flistdl2">
			        <dt class="l"><a href="javascript:;"><img src="../img/foot_ewm.jpg"><i>手机优品惠</i><em>（优购物）</em></a></dt>
			        <dd class="l"><img src="../img/foot_dh.jpg"></dd>
			     </dl>
			</div>
			<div class="bottom">
				<p class="footer-list">
					<a href="javascript:;">首页</a> | 
					<a href="javascript:;">关于优品惠</a> |
				    <a href="javascript:;">优购物</a> |
				    <a href="javascript:;">惠买集团</a> |
					<a href="javascript:;">联系我们</a> | 
					<a href="javascript:;">招贤纳士</a> | 
					<a href="javascript:;">招商专区</a> | 
					<a href="javascript:;">供应商入口</a> | 
					<a href="javascript:;">友情链接</a> | 
					<a href="javascript:;">网站地图</a> | 
					<a href="javascript:;">资讯中心</a> | 
					<a href="javascript:;">评论</a> |
					<a href="javascript:;"> 图片</a>
				</p>
				<div class="yqlink clearfix">
					<p class="dlphh"><em>友情链接</em><a href="javascript:;">华为商城</a><a href="javascript:;/">佐卡伊珠宝网</a><a href="javascript:;">华强北</a>
						<a href="javascript:;">淘鞋网</a><a href="javascript:;">团购王</a><a href="javascript:;">中国零食网</a><a href="javascript:;">腕表名表</a><a href="javascript:;">太平洋家居产品库</a><a href="javascript:;">网上购物</a>
						<a href="javascript:;">团购网</a><a href="javascript:;">钻石</a><a href="javascript:;">城市联盟</a><a href="javascript:;">手表</a><a href="javascript:;">九块邮</a><a href="javascript:;">婚礼珠宝</a><a href="javascript:;">卷皮网</a></p>
        
   				</div>
   				<p class="copyright1 copyright">优品惠（优购物）全球优品特卖网站 专属于千万女性的优品特卖网站,优品惠（优购物）电视购物官方网站,100%正品保证 支持货到付款.</p>
   				<p class="copyright2 copyright">Copyright©2007-2016   公司名称:北京优品惠网络科技有限公司 统一社会信用代码:91110302339739621C  &nbsp;ICP备案号:京ICP备15039150号-1   食品经营许可证编号:JY11131010332635</p>
   				<p class="copyright3 copyright"> 公司地址:北京市经济技术开发区同济南路19号   服务热线：400-707-0707</p>
   				<div class="last">
			        <a href="javascript:;" >
			            <img src="../img/bei.png"/>
			            <p>京公网安备 11030102000055号</p>
			        </a>	 	
			    </div>
			</div>
		</div>
		
		<!------右侧边栏------>
		<div class="right_t">
			<div class="myself change-clo">
				<i id="_myself" class="iconfont right-jt">&#xf0124;</i>
				<i id="myself" class="iconfont change-bak">&#xf0006;</i>
				<div class="infomation move-left">
					<a class="close" href="javascirpt:;">×</a>
					<div class="slide-login">
						<a href="javascript:void(0);" class="slide-pic"><img src="../img/72x72.jpg"></a>
						<p class="slide-login-btn">你好！请<a href="javascript:;">登录</a>|<a href="javascript:;">注册</a></p>
					</div>
					<p class="slide-login-go">
						<a href="javascript:;" class="a-mydd">我的订单</a>
						<a href="javascript:;">优惠券</a>
					</p>
				</div>
			</div>
			<div class="car change-clo">
				<i id="_car" class="iconfont right-jt">&#xf0124;</i>
				<i id="car" class="iconfont change-bak">&#x3475;</i>
				<b class="car-num">0</b>
				<div class="car_ move-left">购物车</div>
			</div>
			<div class="write change-clo">
				<i id="_write" class="iconfont right-jt">&#xf0124;</i>
				<i id="write" class="iconfont change-bak">&#xf0054;</i>
				<div class="write_ move-left">我的关注</div>
			</div>
			<div class="online change-clo">
				<i id="_online" class="iconfont right-jt">&#xf0124;</i>
				<i id="online" class="iconfont change-bak">&#xe609;</i>
				<div class="online_ move-left">问卷反馈</div>
			</div>
		</div>
		<div class="right_b">
			<div class="weichat change-clo">
				<i id="_weichat" class="iconfont right-jt">&#xf0124;</i>
				<i id="weichat" class="iconfont change-bak">&#xf010a;</i>
				<div class="weichat_ move-left">
					<a href="javascript:;"><img src="../img/code.jpg"></a>
				</div>
			</div>
			<div class="money change-clo">
				<i id="_money" class="iconfont right-jt">&#xf0124;</i>
				<i id="money" class="iconfont change-bak">&#xe626;</i>
				<div class="money_ move-left">我要充值</div>
			</div>
			<div class="goback change-clo">
				<i id="_goback" class="iconfont right-jt">&#xf0124;</i>
				<i id="goback" class="iconfont change-bak">&#xe6f7;</i>
				<div class="goback_ move-left">返回顶部</div>
			</div>
			
		</div>
	</body>
</html>
